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The original title of this book was THE SHOESING OF MIDAS 
MACLEAN: A GUNDIBLE JOURNEY, however this was not meant 
to be. The author of this publication quickly received a NOTICE OF 
INJUNCTION PREACCUSATORIUM requiring that the title be 
altered. As it happens, the phrase "a gundible journey" is entirely 
owned by LUFTMENSH & ASSOC., publishers of SHADWICK'S 
YIDDISH DICTIONARY and used in the definition of the word 
MESHVEDKA. I did not delay in writing the publisher. At once, I 
informed them that I had in my hands a book which truly was A 
GUNDIBLE JOURNEY, even in the Yiddish sense, and I assured 
them that I was sure they would not be disappointed my use of such 
a choice phrase. I told them they would be proud of me, that they 
would count me AS AN EQUAL, as a friend, as a registrant and 
cosigner, as more than an equal, larger than friend, perhaps even 
that I might come to rule over them in time, but that my royal class 
would be a pleasant one, something of valor, spoken of for ages in 
dulcet tones with eyes all aswim. I implored them to join me, as 
brothers under one candlestick, that I would be lost without them. 
That the world would be one dull and crumpled Xerox log without 
them! In short, that I would be TOTALLY AND UTTERLY 
KSHVOOTZ without them. MR. SHADWICK, couldn't we be blood 
brothers in the same unholy pact, quaffing all kinds of potion 
\\ithout needing to open our eyes and make sure the other guy is 
actually taking the potion, too? I sealed up envelope, confident that 
the LUFTMENSH would grant me a pardon and anything else my 
heart could possibly desire. I went and blew off some steam and 
brushed my teeth. In short order, I got a fax back from MRS. 
QUILLY SHAMORAH, SECRETARY TO THE LUFTMENSH, who 
was able to gift me four uses of "a gundible journey," as long as it 
wasn't used in the titular position. Sadly, I have had to spend all 
four uses in this retelling. So, now that I am quite visibly and 
gundibly bankrupt, I thought I w^ould also mention that this book 
was translated from the original Pohsh by TUCKER DANDIG, who 
did a fine, fine job in capturing the foolhardy and unscrupulous 
wiles of the real deal. He translated every last word, every lick of it, 
every last drop, that is, except the name of the author. The name 
WHY THE LUCKY STIFF is an authentic and prized Polish phrase 
which roughly translates as "an eighty-nine-year-old man wearing 
too small of a backpack stuffed with clocks," but even TUCKER 
DANDIG understands that it sometimes it is time to stop 
translating, to pack up his translator's eyepiece and his bejeweled 
saber and call it a day. Lastly, I love HOT DOGS and I thank them! ! 
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You can do anything. I really believe in you! 

This is what I try to tell kids when they are first learning to program. And it is ex- 
actly what I would tell you as a newcomer to Shoes. You can accomplish anything 
a human could desire ! 

With one caveat. Since most American children already know they can do most 
things (and they so literally believe this,) I always try to remind them that, yes, 
although they CAN do most things, well, you know, they can NOT be knighted 
by the Queen of Britain, since you must be of British citizenship to qualify really. 
Sure Nicholas Cage should be knighted, sure he's got a crownworthy forehead, 
but alas. "So," I tell the American children, "you can not just do any old thing." 

O, British children, however, you may truly do anything! Go, British children! 
Go ! I dub thee quite invincible ! ! 



Now, let's see, so, getting back to what I was saying, Nicholas Cage might 
be the nicest guy ever, and there might even be grounds for knighthood, but the 
man does not know Shoes. Nobody knows Shoes. 

Originally this book was going to be a series of articles and interviews by experts 
in the field of Shoes, by leaders in the Shoes republic who could wax eloquent in 
the name of the mastery and the style of Shoes. This was to be the quintessential 
handbook, the missing volume for that space you've all saved on the shelf — the 
one with the little brass placard inscribed RESERVED FOR FORTHCOMING 
SHOES MASTERWORK. Right, well, that space is forfeit. You can slide this 
under your passenger's seat instead. 

No such experts exist. And no republic. This is not the much anticipated mas- 
terwork. 

At this time, not a soul really knows Shoes. Few have even heard of it. And it 
turns out this Shoes character is rather petite anyway and there is no need to have 
a book as wide as a hundred pages for such a slender little technology. The tech- 
nology we like to call Shoes. 

How slender ? Shoes is designed so you only need to know ten things. 
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But one man fled from the see 
for he already knew where the 
Shoes wiki was and he could 
not endure the innocuous 
banter of the curly-haired 
host and the bouncy chortles 
of the wigged contestants. 



He ran home and typed 

code. Luhy theluckystiff.net/shoes 

into his browser and clicked on 
"Downloading Shoes " aghast at 
the wonderful gifts of information, 
he straightway sunk to the floor and 
nodded to sleep, well-deserved. 



^4 




• 



Shoes in front. 



Shoes in back. 



O Shoes 



Tiuri? 



Shoes says [-£3-1 


Klapa 


ucius! 
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Shoes. app { 

buttonC'Trurl?") { 
alertC'Klapaucius ! ") 

} 

} 



So: in front, windows. With buttons and 
words and colors. Run a Shoes program and it 
pops up like that. 

This short program is just a button. And you 
click on it and it yells "Klapaucius!" 



You'll be coding in Ruby, quite a beautiful 
language, oh you very snappy kid. 

Try googling for "ruby guide" or visit 
ruby-lang.org to see what I mean. Once 
you learn Ruby, no sweat doing Shoes. 



Powering Up The Footwear 

Save this file as t ru rl . rb. And run it from a command window like this: 




Or, just run Shoes by itself, perhaps by clicking on its icon on the desktop or the 
Start Menu or something. A folder browser will open up and you can find your 
way to trurl . rb from there. 

The App9 The Button and The Alert 

Go back, back up, uppy up the page, with your eyes, to that short bit of code, 
seriously up above. Aren't you glad it's just a tiny peewee hack? A fingernail clip- 
ping. 

What's it do? Well, did you run it? The Shoes . app part means "open the main 
Shoes window." And after that, you've got curly braces. A Ruby block. Inside 
the braces, we describe what's inside the window. (In this case, just a button.) 

Blocks are used all over Shoes. We'll get to how the button works in due time. 



Shoes in front 



Shoes in back 



ABA. 



A POEM 

Goes like: the sun. 

a lemon, 
the goalie, 
a fireplace. 



i want to write 
a poem for the 
kids who havent 
even heard one yet 

and the goalie guards 
the fireplace. 




Shoes. app : width => 280, : height => 350 do 
flow :width => 280, :margin => 10 do 
stack :width => "100?^" do 

banner "A POEM" 
end 

:width => "80px" do 
"Goes like:" 



stack 
para 

end 

stack 
para 



end 
end 
end 



width => "-90px" do 
"the sun.Xn", 
a lemon. \n", 
"the goalie. \n", 
"a fi replace. \n\n", 
"i want to writeXn", 
"a poem for theXn", 
"kids who haven'tXn", 
"even heard one yet.\n\n' 
"and the goalie guardsXn' 
"the fireplace." 



A Poem in Four Boxes 

Okay, save this one and run it, too. Yay! You (I gather) did it! 

The code is longer, but you can puzzle it out, I'm sure. Look at all the widths and 
heights. Some are numbers (in pixels) and some are percentages. One is a nega- 
tive number! Schneikes! 

Look for the poem in there. Oh, oh, try changing up the words of the poem. 
Swap out the lemon for a halibut. Or put a halibut under the lemon! 

It's Actually a Box With Three Inside 

The flow is a box. And the three stacks are each 
boxes as well. A box, you know, like a rectangle ? 
See, look at the pic: three boxes. Inside a flow box. 

There's a whole section coming up on these boxes. 
They are #2 & #3 in the essentials list. That's one- 
fifth of the list right there. 




Okay, let's start luith para because 



it's easy and youll use it all ouer. 

Para. Short for: paragraph. Like this paragraph 
right here, luhich is the paragraph gou're reading. 




No need to giue para ang coordinates or ang size. 
It'll fill up to the edges of ang boK it is placed inside. 

^^^^^^^^^ . n 






Title 34p. 

Subtitle 26px 

Tag line ispx 



Caption i4p 

Para izpx 

Inscription lOpx 



Of course, if you Just mant to set a para to a specific 
font size, just use :size => 48 (for banner size.) 




A stack. Let's say: of dominoes. A stack of dominoes. 
Banded together with a rubber band. Add more, the stack 
grows upward. 




A flow, on the other hand, is more hke a box of matches. As 
you fill it up, the matches squeeze in side-to-side. Eventually, 
it'll fill upward. But only afiier side-to-side. Sardines, right? 




A stack of flows, which is extremely handy. Each flow will fill 
side-to-side. But since they are stacked, they won't mix with 
each other. 




And more complex mixtures. The main Shoes window is 
itself a flow. Mixing stacks and flows builds columns. 



Oh, and gravity is up. See, the window grows downward. 
M2>| 
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Two columns can be ac- 
complished by placing two 
stacks inside a flow. And 
by giving those two stacks 
a 50% width. 




And what about a header 
+ three columns ? Well, 
that would be four stacks 
in a flow. The first stack 
would have a width of 
100%. And the remaining 
stacks are split three ways. 




Likewise, three columns 

can be set up by having 
three stacks within a flow 
and splitting the width of 
each stack in thirds. 




More complicated designs 
might need stacks in flows 
in stacks... and so on. This 
one's a flow. With a flow 
and a stack inside. In the 
left: flow (highlighted with 
a dotted line,) three more 
stacks: a 100% header and 
two columns. 



One Quick Note About Widths 

Widths may be a positive or negative number of pixels. 

stack luiidth => 80 do; end 
stack luiidth => -SB do; end 

You'll ofiien see this. The first stack is 80 pixels wide. And 
the second is 100% minus 80 pixels wide. So, together they 
are 100%, they fill their parent box. 

You might also see floatingpoint widths. 1.0 is 100%, 0.9 is 
90%, 0.8 is 80% and so on. 
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"One and two and. . . 
Hey, Midas, wait up!!" 




"Check me out! I'm doin' my 
stacks and flows!... five-hippo 
potamus... six-hippopatamus . . 



"See, my gravity is even like 
a total window application, guy! 



"Yeah, pretend my foot is the 
close button and my leg warmer i 
like minimize or something 
because I'm just about to 
totally crash." 





DANCING ^OUND THE 
STACKS ^FLOWS 





Using X&Y. 
Using Top & Left. W 



Clearly, stacks and flows are only for packing things in nice 
and tight. Columns. Grids. Flowing text and images. Making pages which 
look much like web pages. 

But anything can be positioned at specific coordinates using :top and deft in 
the style options. And you can still do stacks and flows. 

Shoes. app do 
@o = oval :top => 0, :left => 0, 
: radius => 40 




stack : margin => 40 do 

title "Dancing With a Circle" 
subtitle "How graceful and round, 

end 



motion do Ix, yl 

@o.move width - x, height 
end 
end 



- y 



Run this little toy, yeah? And while it's running, pass your mouse over the window and 
watch the circle dance with you. 

This window is three things: a circle, a stack of words, and a motion event block. The oval is 
in the main window's flow. But it's floating freely at position (0, 0). The upper left corner of 
the window. 

The motion event gets called whenever you move the mouse. The circle then gets moved 
based on your mouse coordinates. (The width and height methods get us the window's 
width and height. By subtracting the mouse position, it gives the illusion of the circle mov- 
ing to the opposite side of the window from the mouse.) 

Resize the window. Jiggle the mouse. You see? It's all okay? 



I>D you Mpfihl BUTTONS As IN 
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BUTTON ?? 




AN ENCOUNTER 
OF THE FIFTH 
KIND 




THE SIGHT 
OF SATURN 




you have learned so much 
but this is your favorite part 
this whoie spread here 
SURE YOU WANT 
TO HACK IN YOUR 
PICTURES. 



Image "space.jpg" 






or something iil<e: 

image "guy.png", :top => 1 00, :lef t => 1 00 



You feel good. Is it Saturday al- 
ready? Well, no, this is just the 
very easy page about images. 
Two easy sections in a row, how 
about that? Like the button, all 
you really need to remember 
about images is the word "im- 
age." That's the name of the 
method used to put an image 
in your Shoes code. The image 
will be postioned right inside 
the stack or flow. 



WHO CALLED THESE 
LASERS LITTLE? 





The Shoes distro comes » 
with a few great samples ^- 
of using images. In | 
particular: both bounce. S 
rb and form.rb in the 
samples directory. 




Shoes. app do 
image "j.jpg" 



Shoes will try to load 
the image from the cur- 
rent folder. Unless a full 
path is given, that is. 




Q: Suzanne, my images are 
all over the place! I want 
the image of a hot dog to 
be ON TOP of my image of 
Bin Laden. Help me! 
A: That is a GREAT combi- 
nation! Images stack in the 
order you have them in the 
code. Later in the code means 
above everything else. Per- 
haps one day Shoes will have 
z-ordering, but for now it's 
just dead plain dumb! 
Q: How do I swap an im- 
age's for another pic ? 
A: Swapping is so fun! Try 
changing the image's path 
property. See YOU later! 
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Evacuate the ship. I am doing my image practice in here. 




Isn't that just soooo science fiction of you to go bossing 
us around. I have my own PNGs and JPEGs to try out! 






AND SO, AMID SOUNDS OF THE DOCTOR'S 
PIERCING EYES, SHE LEARNED FROM HIM OF 
SHOES' SPECIAL ABILITY TO GET AN IMAGE'S 
ORIGINAL WIDTH/HEIGHT USING THE IMAGE.SIZE 
METHOD (like: w, h = mmage.size) I'M SORRY IF 
YOU KNEW THAT ALREADY, I GUESS YOU DIDN'T 
LEARN ANYTHING ON THIS PAGE BEST OF LUCK 
IN THE FUTURE. 
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LET'S HAVE A WARM WELCOME 

" " EDIT LINE " 

NOT TO BE CONFUSED WITH THE SO 
YOUNG AND TALENTED MS. HAYLEY MILLS 

AN AOTHENTIC AND OFT-REYERED RECTANGLE FOR TYPING IN ONE'S DESIRES AND DREAMS! 



heire: she: is, xjn^ajdorm:e:i3. 

Shoes. app do 

@e = edit_line : width => 400 
end 

A NATIVE CONTROL: LIKE THE "BUTTON," BOTH FOLLOW THE CLOAK & 
ATTIRE OF THE OPERATING SYSTEM - THE ABOVE IS THE OS X EDIT LINE. 

NOW, FRIENDS, WE WAIT. 

LO AND BEHOLD! SOMEONE HAS USED THE EDIT 
LINE, NOT AS PART OF ANY TRICKERY, BUT TO 
UNVEIL THEIR DESIRES AND DREAMS! 

WHAT be: x>om^e:? 

Shoes. app do 

@e = edit_line : width => 400 

button "O.K." do 
alert @e.text 

end 
end 




Oh, here we go. The edit line is stored in the @e instance variable. When 
the button is clicked, we get the typed words inside the edit line using 
@e.text. And to change the edit line, use @e. text = "Owls." 



NOW, FRIENDS, PAGE NEXT. 



HELLO, CLOSE COUSIN 



"kEdit Box " 

A TRUE BOX, SPARING NO ABSENCE OF CORNERS 
AND FORAll CHILDREN EVERYWHERE! 

JUST A BUBJCM OF x^xm^e:s 
HAT h: EH tma:^ o:ne 



Would that I could travel in 
reverse^ to a simpler timei If 
orilv to engineer a septuple! of 
yoLing and talentful Hay ley 
Mills... and aski "Vou don't 
need all tliese^ do you?" 



AND THE WORDS INVOKING THE SPELL ARE 

Shoes. app do 
@e = edit_box "Would that I...", 
: width => 400, : height => 240 

end 

The edit_box has its very own vertical scrollbar it may deploy 

The edit_line method as well can take a string, if you want the 
box to come pre-fiUed. 

Instance Variables in Shoes. app 

A verbose way of writing many of these programs is to use "self". 

Shoes. app do 
self. stack do 

self .edit_line "Sample sample." 
self. button "Breadsticks. " 
end 
end 

Were you to inspect self in any block , you'd get #<App:ox64eb94>. 
So, yeah, all methods run against the Shoes App object. 



Instance variables are a good place to store Shoes controls and objects, 
since they will be kept in the app and can be yanked at from anywhere 

inside the app's scope. 



LINKS. 

HYPERLINKS, I GUESS. 

STOLEN FROM THE WEB WEB WEB. 

link "CLICK ME" do; alert "HEY"; end 

EXCEPT YOU CAN'T DO THAT. 

I MEAN, YEAH, THAT'LL BUILD A LINK. 

BUT IT WON'T SHOW THE LINK. 

HAS TO BE IN A PARAGRAPH OR SOME OTHER 

KIND OF TEXT BLOCK. (SUCH AS BANNER, TITLE, 

SUBTITLE, ETC.) 

para(link("CLICK ME") {alert "HEY"}) 
YES, THAT IS PRECISELY IT. 
TRY DOING THAT FROM NOW ON. 

linkCGOOGLE", xlick => <<http://google.com") 
OR YOU CAN SKIP THE BLOCK AND HAVE THE CLICK 
TAKE PEOPLE TO A URL. WEB URLS OPEN UP A 
WEB BROWSER. 

AND SHOES LINKS? 

WE'LL GET TO SHOES LINKS SOON ENOUGH. 



WHAT ABOUT IMAGE LINKS? 

DON'T PUT AN IMAGE IN A LINK. 

FOR THAT MAHER, DON'T PUT AN IMAGE IN A PARA. 

USE FLOWS. 

image "google.png", xlick => "http://google.com'' 

THAT'S AN IMAGE LINK. 

OR, IMAGES ALSO TAKE A CLICK BLOCK. 

style(Link, :underline => false, :stroke => green) 
YOU PROBABLY LIKE CHANGING YOUR LINK STYLES. 
THIS CHANGES ALL LINKS IN THE WINDOW TO AN 
UNDERLINELESS GREEN. 

style(LinkHover, :underline => true, :stroke => red) 
AND THE STYLE OF A LINK SOMEONE IS HOVERING 
OVER WITH THE POINTER. 

NOW, LET'S SEE IT IN A SENTENCE. 

para "Jimmy kissed ", strong("Margaret"), 
" and I've saved a picture somewhere on ", 
link("Flickr", xlick => "http://flickr.com'') 
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^ HILARY THE EXERCISER PRESENTS 

SMOOTH CORNER 

isQ isG isG isG isG isG isG isQ isQ isQ isQ isQ isQ isQ /^T ynPC 
a background trick \^ X. v3 



Okay, so on the web web, you see 
a lot of rounded corners, right ? 
Like a box with words in it and 
the edges are sanded smooth. 



eee 


Shoes 







Like take this box, for instance. How 
are you going to assemble this? Cut 
up some corner PNGs and paste them 
on all the different sides? Or could you 
compute where 
the arcs need 
to be drawn 
maybe? 





eee 






Oh, well, this is going 
to be too quick, ""sat 

Let's say the background 
is going to be: 




Which code is: 



stack iwidth => 300, :height 350 do 

background "murky . seas . png" 
end 




Just give the background a radius. 
(Yeah, it's a radius for the corners.) 
Twelve pixels looks pretty decent. 

stack :width => 300, : height => 350 do 
background "murky. seas. png" , 

: radius 12 
para "This one's got the smooth ", 
"corner cuts . " , 
: stroke white 

end 

I SHOES SMOOTH CORNER CUTS 
' ' % H H ' % ' % H 





AT PEACE WITH 




HOES. 




w TO cIean up. rather than just keeping 

ERYTHING INSIDE OF A SHOES.APP BLOCK, YHU 
|>I\AAY WANT TO SPLIT YOUR APP UP INTP JSEBiRATE 

^F^ES. 1 
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To start off, you're not going to pass a block to Shoes.app. In- 
stead, you're going to subclass Shoes and keep each of your 
pages in its own method. 

class BookList < Shoes 
url '/' , :index 
url '/twain', :twain 
url '/kv', :vonnegut 

def index 

para "Books I've read: ", 

link("by Mark Twain", : click => "/twain"), 
linkC"by Kurt Vonnegut", : click => "/kv") 

end 

def twain 

para "Just Huck FinnAn", 
linkC"Go back.", : click => "/") 

end 

def vonnegut 

para "Cat's Cradle. Sirens of Titan. ", 
"Breakfast of Champions. \n" , 
linkC"Go back.", : click => "/") 

end 
end 

Shoes.app :width => 400, :height => 500 

Yes, it's true. You really need that Shoes.app at the bottom. 
That's what opens your window! 

So, since the BookList class is descended from the Shoes class, 
it has a "url" method. And so we use the "url" method to snatch 
three URLs: /, /twain and /kv. This class represents those 
three "places." (A link travels you to that "place.") 

The "/" URL will draw the page in the "index" method. Which 
contains links to "/twain" and "/kv", which draw the pages in- 
side the other two methods. As usual: run it, try it out. 

If you choose, you may also keep your methods organized into 
different classes. Shoes will use whichever class answers to a 
URL (maybe from a link which has been clicked.) 



^314 



^ NKS 



Say, do you know regular expressions at all? Because you can 
drop a regular expression into a Shoes.url() call and it'll inter- 
cept any URLs which match. 

class Dictionary < Shoes 
url '/' , :index 
url '/(\w+)' , :word 




stack do 

title "Enter a Word" 
@word = edit_line 
button "OK" do 

visit "/#{@word.text}" 
end 
end 
end 

def word(string) 
stack do 

para "No definition found for #{string}. ", 
"Sorry this doesn't actually work." 

end 
end 
end 

Shoes. app 

Word of warning: use single quotes around the URL expres- 
sions! Otherwise, the backslash won't really work and you'll 
see a 404 NOT FOUND message from Shoes. 

Notice how the word matched by the (\w-l-) expression is sent 
as the first argument to the "word" method. Each regular ex- 
pression group which is found is sent to the method as an argu- 
ment. 

So, if you'd like to see a more complex example, see samples/ 
book.rb in the Shoes distro. It's a little short story reader. 

On the Shoes wiki, see the "Multi Page" link on the front page 
for some continuing studies of this very engaging matter. 
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Shortcuts; [brackets] mean "optional . 
•symbols always refer to a style setting, » 
means a returned object, "box" means a 
stack or flow, for "pattern" and "styles 
arguments, see the very end of the page 
adjacent, all methods run in the 
Shoes. app scope. 




ti, the PAINTBRUSH 



_^^x> y^JpL jr]^, rW3) > Shoes:: Shape 
- / draws a star with M, 



of M radius ' P ^ — 
Shape 



J^Cx. y, si«) » Shoes: 

.--v. ^- - strokefpattern) » pattern x / -^M^ ^ ( 

»r>- "'T'^'^r^^ . . ^ ^~r^ ^ H line Cxi, yl, x2, y2) » Shoes:: Shape 

sets the line brush 'k. -* > ? , . — r , — 



... nostrokeO » box 

turns off the lin e brush 

^ . ■ >y ^pattern 

X - •■^cS' \"set t he fill brus h ~Z~ 
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draws a Htie with the Hm knish 



V-^f^^ stroke 



ovaKx, y, w, h) » Shoes ;: S hape * 74, 
oyaUstyt— > » thoes: : sha pe ' ^ 

draws a circle of ellipse with the tw o brushes^ Y , 

5j^_rect(x ^y, w. h) » Shoes: :sh ape ( , 
rect(styles) » Shoes;: Shape ) 



kewi dth (pi XGl s) » box ^ draws a rea angle with the line * fill brushes 
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» shoes: : Button 
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» Hmm: -.EditBox 




stackC [styles]) { . 
flowC [styles]) { 
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:text »> "string 

_ - . . ^''^ • 
} » Shoes : : Stack if 1 i st_box ( rsty1 «i]) { .■• > 

"^.^ » Shoes: : Li stBox 
1 i st_box :items~=>. 



} » Shoes: : Flow <f 



!*r[Ii_i^Syl es] ) » shoes : : Border ^ drop-down select^ontrol of all :iterns 
^ ^ ,rogressas ty1es]T T 

tylesj) / * a progre ss bar displaying :text as a message - 

^videoCpath, [styles]) f i , ciT^^^^ ' ' 

— I ""' M * i^^°^l!J^ '"^ ^ ^ 

P^ys FLV. MP6C. DivX. Xvid ^.K . ::7Ifr~"~-^ 



-^tttti^^ ^^^^^^^^^ 

J^^^aaeCpath, [stylesFT , 





-i^a^lor, a mix of red-green-and^e (and 
^ perhap s alpha), use 0 to 25 5 for each color part. 

or 0.0 to 1 .0, if you prefer 



COMMON 
METHODS 



_/gray(b, [a]) » shoes :: color 

f. a color of gray with [b] brightness and [a] alpha 



methTds such as these are available on all 
or some of the objects discussed up to 
this point 



II ^Miii' 



white, black, red, yellow, blue, 

' some color methods; see "Color List" on 

\ 

*^ , the Shoes wiki or ,. 
httD://en.wi kiDedia.Qrg, 



— alertCmsg) » nil 

ask(msg) » "string" 



yisiBiiiinr 

for EVERYTHING jyes: Wm TTTT ^ 



y CONTROLS, BOXES and ttOCES) 




4LTElL4TIONS_ 

move(x, y) ' 

(Q , '-^-' 



confirmCmsg) » true or false^ 
ask_color(msg) » Shoes :: Colors, | 

.,,,n asLs«i^fn«Ot>»/^ 

ask_open_fi leC; ,v 

» "/path/ f i 1 ename . ext " 





o"" changes sty»eslw;*any element 



EVENTS 
cHek { Ibntton, x, y| 



^\ v « BOXE8 OiX LY 
^> contentsO » Array 



clearO { 



> » boil 



} » self 



release { | button, x. y l^^^Jj^JglL 



box 



;,fterC[e1e]) { . • • ^ 

befor*. •V(^^:JI^^^< 



keypress { |l«yl •••JlJL5111 

jinimate([fps] ) { ... > » 

^sy anima tion: the btock will run 10 
(or [fpsD ti mes per 

PATTERNS 



a "pattern* i 



'.a 



range of colors, an image path, 3^ 

— I 

- " '"'^Object or a Pattern o|^. 



gradient(cl, c2) » Shoes : : Pat tern 
^ a gradient from fcl J color to lc2] color 



ex 



MA self. 



EXTRA 

7 



O » [X. y] 



"#DDFFAA 
'^"#000". ."#FFF 
(a gradient of btack 

rgbCO.9, 1.0, 0.7) 



'iM^ self.cHwhtard » " string" 
*^ - ^ ird=("str4nr) 



se 



visit "/urT 
exit 



"/iwaoes/bg.png" ? 

Hash of v arious optio ns, 
a "styles" argumentjs^a Ruby 

:top => 40, :l«ft -» 40 



Please join us on the Shoes mailing list. 
Send an e-mail. 

TO: shoes@code.whytheluckystiff.net 
CC: why@whytheluckystiff.net 

A computer is standing by to send you 
instructions. 



MIDAS KNOWS SHOES 



